<template>
	<view class="successfullySet">
		<view class="topBack">
			<image class="topBackImg" src="httpss://chongwu.aitaoba.net/storage/uploads/20231125/338813658c1b08dce1ec2bf01cd0b0c4.png"></image>
		<text class="topText">设置成功</text>
		<view class="centerTextTop">感谢您设置信息让宠主知道，该信息仅会保留3日(3日后会自动删除)，</view>
		<view class="centerTextBottom">也请您在归还宠物之后<text class="fontColor">提醒宠物主人</text>在宠物 详情页确认<text class="fontColor">“宝贝已找回”</text></view>
		<button class="confirmButton" @click="confirm">确认</button>
		</view>
	</view>
</template>

<script>
	import uniDataSelect from '@/components/uniDataSelect/uniDataSelect.vue'
	export default {
		components: {
			uniDataSelect,
		},
		data() {
			return {
		

			};
		},

		/**
		 * 跳转到个人中心
		 */
		onBackPress(e) {

		},
		onPullDownRefresh() {

		},
		onShow() {
		
		},

		onLoad(options) {

		},

		watch: {

		},
		methods: {
		confirm(){
			uni.navigateBack();
		},
		
	
		},
	};
</script>

<style lang="scss" scoped>
	.topBack{
		width: 750rpx;
		height: 257rpx;
		background: linear-gradient(180deg, #FAE24E 0%, rgba(250,226,78,0) 100%);
	    display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 46rpx;
		box-sizing: border-box;
	}
	.topBackImg{
		width: 416rpx;
		min-height: 380rpx;
		
	}
	.topText{
		font-size: 44rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 800;
		color: #2E2908;
		margin-top: 43rpx;
	}
     .centerTextTop{
		 width: 570rpx;
		 font-size: 30rpx;
		 font-family: PingFang SC, PingFang SC;
	
		 color: #2E2908;
		 text-align: center;
		  line-height: 50rpx;
		 margin-top: 38rpx;
		
	}
	.centerTextBottom{
		width: 570rpx;
		font-size: 30rpx;
		font-family: PingFang SC, PingFang SC;
			
		color: #2E2908;
		text-align: center;
		line-height: 50rpx;
		margin-top: 5rpx;
	}
	.fontColor{
		color: #FC7A2E;
	}
    .confirmButton{
		width: 360rpx;
		min-height: 88rpx;
		background: #FED24C;
		border-radius: 20rpx;
		outline: none;
		border: 2rpx solid #683518;
		margin-top: 64rpx;
	}
</style>
